// 使用es6导入语法，导入jq
import $ from 'jquery'
import '../css/style.css'
//在webpack中，一切皆模块，都可以通过es6导入语法进行导入和使用
//require('../css/style.css');
//1.用es6 的默认导入语法，从jq里导入一个成员，使用$符号接收
//2.定义jq的入口函数

$(function(){
    $('#btn1').click(function(){
        $.post('index.html',$('#forms').serialize(),
        function(){
            alert('post成功')
        });
    })
})
/*
$("#ajaxForm").on("submit",function () { //表单提交时监听提交事件

    $(this).ajaxSubmit(options); //当前表单执行异步提交，optons 是配置提交时、提交后的相关选项
    
    return false; // 必须返回false，才能跳到想要的页面
    
    })  
    )
    //配置 options 选项
    var options = {
    url: "/postform", //提交地址：默认是form的action,如果申明,则会覆盖
    type: "post", //默认是form的method(get or post)，如果申明，则会覆盖
    success: successFun, 
    //提交成功后的回调函数，即成功后可以定页面跳到哪里
    dataType: "json", //接受服务端返回的类型
    clearForm: true, //成功提交后，清除所有表单元素的值
    resetForm: true, //成功提交后，重置所有表单元素的值
    timeout: 3000 //设置请求时间，超过该时间后，自动退出请求，单位(毫秒)
    }
    //设置提交成功后返回的页面
    function successFun(data,status) {

    $("#showForm").html(data.msg); //提交表单后从后台接收到的返回来的数据，我保存到了msg里
    // $("#showForm").html("或者这里可以直接写想要显示的内容")
    }
//$.post(,[],function(){
//    alert('登陆成功')
//})
$(function(){
    //3.实现奇偶行变色效果
    $('li:odd').css('background-color','red')
    //odd是奇数行选择器，li表示选择li标签，这是操纵dom的方法之一
    $('li:even').css('background-color','aqua')
    //even是偶数选择器
    //值得注意的是此处的计数是从0开始的，所以最开始是偶数，会变蓝
})
*/